<!DOCTYPE html>
<html lang="zh" style="font-size: 16px">
  <head>
    <meta name="apple-mobile-web-app-capable" content="yes" />

    <meta charset="UTF-8" />
    <meta name="description" content="www" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="shortcut icon" href="./img/favicon.png" type="image/x-icon" />
    <title>Flycran-乘风破浪 · 逐梦百川</title>
  </head>

  <body>
    <!-- lock-svg的蒙版和滤镜 -->
    <%- include('./view/lock-svg-filter.html') %>

    <!-- 子窗口 -->
    <%- include('./view/childwin.html') %>

    <!-- 调色板 -->
    <%- include('./view/palette.html') %>

    <!-- 幕布 -->
    <%- include('./view/curtain.html') %>

    <!-- 侧边栏 -->
    <%- include('./view/sidebar.html') %>

    <!-- 滚动条 -->
    <%- include('./view/scroll-bar.html') %>

    <!-- 帘 -->
    <div id="curtain" class="linear">
      <div class="box">
        <h1>Flycran的个人博客</h1>
        <img
          style="display: none"
          id="PHN2ZyB4"
          src="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc2MDAnIGhlaWdodD0nNjAwJyB2aWV3Qm94PScwIDAgNjAwIDYwMCc+PGcgZGF0YS1uYW1lPSflm77lsYIgMyc+PGc+PHBhdGggZD0nTTMzMy4xLDE2NS43NUgzMTEuNDNjLTEuOTEsMC0yLjc3LDEtMi41NSwyLjg3djI5Yy0uMjIsMS45MS42NCwyLjc2LDIuNTUsMi41NUgzMzMuMWMxLjY5LjIxLDIuNTUtLjY0LDIuNTUtMi41NXYtMjlDMzM1LjY1LDE2Ni43MSwzMzQuNzksMTY1Ljc1LDMzMy4xLDE2NS43NVonIHN0eWxlPSdmaWxsOiAjZmZmO3N0cm9rZTogI2ZmZjtzdHJva2UtbWl0ZXJsaW1pdDogMTAnIC8+PHBhdGggZD0nTTMxNSwzMEEyODQuMDcsMjg0LjA3LDAsMCwwLDIwOS44OSw1MCwxMTUsMTE1LDAsMSwwLDUwLDIwOS44OSwyODQuMDcsMjg0LjA3LDAsMCwwLDMwLDMxNWMwLDE1Ny40LDEyNy42LDI4NSwyODUsMjg1UzYwMCw0NzIuNCw2MDAsMzE1LDQ3Mi40LDMwLDMxNSwzMFpNMTE1LDIyMkExMDcsMTA3LDAsMSwxLDIyMiwxMTUsMTA2LjM1LDEwNi4zNSwwLDAsMSwxMTUsMjIyWm0xODMuMzYtMTkuNmgtNi4wNVYxNTMuMzJsLTIxLDQwLjE2aC0yLjU1TDI0OCwxNTNWMjAyLjRoLTYuMzdWMTQ5LjgySDI0OWwyMSw0MS4xMSwyMS00MS4xMWg3LjMzWm00My4zNC0xMC41MnEwLDEwLjUxLTkuNTYsMTAuNTJIMzEyLjdxLTkuODgsMC05LjU2LTEwLjUyVjE3NHEtLjMxLTEwLjUxLDkuNTYtMTAuNTJoMTkuNDRxOS41NiwwLDkuNTYsMTAuNTJabTQxLjQzLDEwLjUyaC01Ljc0VjE2OC42MmMwLTEuOTEtLjg1LTIuODctMi41NS0yLjg3SDM1NS43MnEtNC40Ni42NS01LjEsMy41MVYyMDIuNGgtNi4wNVYxNjMuODRoNi4wNVYxNjhxMS0zLjE4LDUuMS00LjE0aDE3Ljg1cTkuNTYsMCw5LjU2LDEwLjJabTM0LjQyLDBINDA0LjhxLTkuMjYsMC05LjI0LTEwLjg0VjE2Ny4zNUgzODQuNzJ2LTEuOTJoMTAuODRWMTU0aDUuNzN2MTEuNDdINDE2djEuOTJINDAxLjI5djI5Yy0uMjEsMywxLDQuMjUsMy41MSwzLjgyaDEyLjc1Wm00Mi43LDBoLTUuNzRWMTY4LjNhMi4yNSwyLjI1LDAsMCwwLTIuNTUtMi41NUg0MzIuNTJjLTIuNzYuNjQtNC4zNSwxLjkxLTQuNzgsMy44M1YyMDIuNEg0MjJWMTQ5LjVoNS43M1YxNjhoLjMyYTcuNjMsNy42MywwLDAsMSw1Ljc0LTQuNDZoMTYuODlxOS41NiwwLDkuNTYsMTAuNTJaJyBzdHlsZT0nZmlsbDogI2ZmZjtzdHJva2U6ICNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6IDEwJyAvPjwvZz48L2c+PC9zdmc+"
        />
        <canvas id="cvs" width="600" height="600">
          本站不再兼容你的浏览器
        </canvas>
      </div>
      <!-- 音乐播放器 -->
      <div class="music-win">
        <!-- <iframe class="music-iframe" frameborder="no" marginwidth="0" marginheight="0"
                src="//music.163.com/outchain/player?type=2&id=1861365150&auto=1&height=66"></iframe> -->
      </div>
    </div>

    <!-- 头部 -->
    <%- include('./view/header.html') %>

    <div id="main" class="anchor"></div>
    <!-- 主体 -->
    <main class="www">
      <div class="column-left">
        <!-- 文章列表 -->
        <%- include('./view/article-list.html') %>
      </div>
      <div class="column-right">
        <div class="calling-card unit backColor">
          <div class="top-box">
            <div class="head-portrait">
              <img src="./img/个人头像.jpg" alt="" />
            </div>
            <div class="name-all">
              <h2 class="name">Flycran</h2>
              <div class="name-used-before fontColors">
                <span>曾用名:</span>
                <span class="name-used-before-list">
                  <a href="#">Flying</a>
                  、
                  <a href="#">乘风飞鹤</a>
                  、
                  <a href="#">cffh</a>
                </span>
              </div>
            </div>
          </div>
          <div class="bottom-box fontColors">
            <section class="entry">
              <div class="entry-title">gitee:</div>
              <div class="entry-value">
                <a href="https://gitee.com/cffh/">乘风飞鹤</a>
              </div>
            </section>
            <section class="entry">
              <div class="entry-title">githab:</div>
              <div class="entry-value">
                <a href="https://github.com/cffhidol">cffh</a>
              </div>
            </section>
            <section class="entry">
              <div class="entry-title">E-mail:</div>
              <div class="entry-value">
                <a href="https://qq.com">3343172417@qq.com</a>
                <a href="https://163.com">cffhidol@163.com</a>
              </div>
            </section>
          </div>
        </div>
        <div class="note-card-box" id="note-card-container">
          <div class="note-card bot backColor">
            <span> 这里什么都没有哦~(^_^) </span>
          </div>
          <div class="note-card cen backColor">
            <span class="note-head">
              <span>留言</span>
              <svg
                class="lock-svg"
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                viewBox="0 0 340.16 340.16"
              >
                <g mask="url(#ad01038f)">
                  <path
                    class="lock-fill"
                    d="M71,211V324.5h198.2V211Zm99.1,82.52a25.76,25.76,0,1,1,25.76-25.76A25.76,25.76,0,0,1,170.08,293.5Z"
                  />
                  <path
                    class="lock-fill lock-head"
                    d="M91.41,170.08V94.32a78.67,78.67,0,0,1,157.33,0v114H219.89v-114a49.81,49.81,0,1,0-99.62,0v75.76Z"
                  />
                </g>
              </svg>
            </span>
          </div>
          <div class="note-card top backColor">
            <span class="note-head">
              <span class="note-date">2022-2-4</span>·记
              <svg
                class="lock-svg"
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                viewBox="0 0 340.16 340.16"
              >
                <g mask="url(#ad01038f)">
                  <path
                    class="lock-fill"
                    d="M71,211V324.5h198.2V211Zm99.1,82.52a25.76,25.76,0,1,1,25.76-25.76A25.76,25.76,0,0,1,170.08,293.5Z"
                  />
                  <path
                    class="lock-fill lock-head"
                    d="M91.41,170.08V94.32a78.67,78.67,0,0,1,157.33,0v114H219.89v-114a49.81,49.81,0,1,0-99.62,0v75.76Z"
                  />
                </g>
              </svg>
            </span>
            <p class="main">
              <span>孤独也是成功的佐料</span>
            </p>
            <span class="note-main">——《国王排名》</span>
          </div>
        </div>
        <div class="other-blogs unit backColor">
          <h3>优秀博客-友情连接</h3>
          <a href="#">待。。。</a>
        </div>
      </div>
    </main>
    <!-- 尾部 -->
    <%- include('./view/footer.html') %>
  </body>
</html>
